<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>共借人信息填写</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="js/lib/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.min.css">
    <link rel="stylesheet" href="css/form.css">
    
</head>
<body ontouchstart>
    <div class="page_bd">
        <div class="base_info_wp">
            <div class="base_info">
                <p>姓名:张三</p>
                <p>申请时间:2018-03-05 14:00</p>
                <p>申请编号:XS2018030514002248</p>
            </div>
            
        </div>
    </div>
    <div class="page__bd">
        <form method="POST" action="test.php" id="form">
        
            <div class="section">
                <h4>共借人信息</h4>
            </div>
            <div class="weui-cells weui-cells_form">
                    <div class="weui-cell">
                        <div class="weui-cell__hd">
                            <label class="weui-label">共借人姓名</label>
                        </div>
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="text" placeholder="请输入共借人姓名">
                        </div>
                    </div>
                    <div class="weui-cell weui-cell_select weui-cell_select-after">
                        <div class="weui-cell__hd">
                            <label for="" class="weui-label">与主借人关系</label>
                        </div>
                        <div class="weui-cell__bd">
                            <select class="weui-select" name="select2">
                                <option value="1">父亲</option>
                                <option value="2">母亲</option>
                                <option value="3">配偶</option>
                                <option value="4">子女</option>
                            </select>
                        </div>
                        
                    </div>
                    <div class="weui-cell">
                        <div class="weui-cell__hd">
                            <label class="weui-label">单位名称</label>
                        </div>
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="text" placeholder="请输入单位名称">
                        </div>
                    </div>
                    <div class="weui-cell">
                        <div class="weui-cell__hd">
                            <label for="" class="weui-label"></label>入职(营业)时间</label>
                        </div>
                        <div class="weui-cell__bd">
                            <input type="date" class="weui-input" placeholder="入职(营业)时间">
                        </div>
        
                    </div>
        
                    <div class="weui-cell weui-cell_select weui-cell_select-after">
                        <div class="weui-cell__hd">
                            <label for="" class="weui-label">部门职务</label>
                        </div>
                        <div class="weui-cell__bd">
                            <select class="weui-select" name="select2">
                                <option value="1">股东、法人、负责人</option>
                                <option value="2">高级管理人员</option>
                                <option value="3">初级管理人员</option>
                                <option value="4">一般员工</option>
                            </select>
                        </div>
                        
                    </div>
        
                    <div class="weui-cell weui-cell_select weui-cell_select-after">
                        <div class="weui-cell__hd">
                            <label for="" class="weui-label">收入来源</label>
                        </div>
                        <div class="weui-cell__bd">
                            <select class="weui-select" name="select2">
                                <option value="1">自雇人士</option>
                                <option value="2">工薪人士</option>
                                
                            </select>
                        </div>
                        
                    </div>
        
                    <div class="weui-cell">
                        <div class="weui-cell__hd">
                            <label class="weui-label">办公电话</label>
                        </div>
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="tel" placeholder="请输入办公电话">
                        </div>
                    </div>
        
                    
                   
            </div>
                <div class="weui-cells__title">现单位地址</div>
                <div class="weui-cells weui-cells_form">
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <input type="text" id='city-picker' class="weui-input" placeholder="省市"/>
                        </div>
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="tel" placeholder="地址">
                        </div>
                    </div>
                </div>

                <div class="weui-cells weui-cells_form">
                    <div class="weui-cell weui-cell_select weui-cell_select-after">
                        <div class="weui-cell__hd">
                            <label for="" class="weui-label">单位类型</label>
                        </div>
                        <div class="weui-cell__bd">
                            <select class="weui-select" name="select2">
                                <option value="1">机关事业单位</option>
                                <option value="2">国有企业</option>
                                <option value="3">私营企业</option>
                                <option value="4">外资企业</option>
                                <option value="5">个体经营</option>
                                <option value="6">其他</option>
                            </select>
                        </div>
                    </div>
                    <div class="weui-cell weui-cell_select weui-cell_select-after">
                        <div class="weui-cell__hd">
                            <label for="" class="weui-label">行业类型</label>
                        </div>
                        <div class="weui-cell__bd">
                            <select class="weui-select" name="select2">
                                <option value="1">农林牧副渔</option>
                                <option value="2">建筑业</option>
                                <option value="3">金融行业</option>
                                <option value="4">餐饮业</option>
                                <option value="5">商贸公司</option>
                                <option value="6">其他</option>
                            </select>
                        </div>
                    </div>
                </div>
                    

        <div class="next_btn">
            <a href="javascript:next()">下一步</a>
        </div>
        </form>
    </div>         
</body>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/jquery-weui.min.js"></script>
<script src="js/city-picker.min.js"></script>
<script>
    $("#city-picker").cityPicker({
        showDistrict: false
    });
    function next(){
        var form = $('#form');
        var notEmpty = true;
        $('#form input').each(function(idx,ele){
           
            if($.trim($(ele).val()) == ''){
                alert('所有信息均为必填项');
                $(ele).focus();
                notEmpty = false;
                return false;
            }
        })
        
        if(notEmpty){
            
            form.submit();
        }
    }
        
</script>
</html>